<template>
  <div class="body">
    <van-nav-bar title="疫情数据" />
    <van-tabs v-model="active" color="#1074FF" title-active-color="#1074FF" scrollspy sticky>
      <van-tab title="国内疫情">
        <div class="a1">1</div>
      </van-tab>
      <van-tab title="实时播报">
        <div class="a2">2</div>
      </van-tab>
    </van-tabs>
    <tabber></tabber>
  </div>
</template>

<script>
import Tabber from "../components/Tabber.vue";
export default {
  components: { Tabber },
  data() {
    return {
      active: "0",
    };
  },
};
</script>

<style lang="less" scoped>
.van-nav-bar {
  background-color: #1074ff;
  /deep/ .van-nav-bar__title {
    color: #fff;
  }
  /deep/ .van-icon-arrow-left {
    color: #fff;
  }
}
.van-tabs  {
  width: 90%;
  margin: 0 auto;
}
/deep/.van-tab--active{
    font-weight: bold;
}
.a1 {
  height: 250vw;
  background-color: red;
}
.a2 {
  height: 250vw;
  background-color: green;
}
</style>


</style>